<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>APISHotel|酒店详情</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/base.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/common-index.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/page-hotelDetail.css" />
</head>

<body>
    <nav>
        <div class="navDiv">
            <div class="navTop inb pr">
                <a href="index.html" class="inb">
                    <i class="logo inb pr"></i>
                    <span>|</span>
                    <h1 class="inb">酒店项目</h1>
                </a>
            </div>
            <div class="nvaRight inb fr">
                <div class="notLogin">
                    <a href="login.html">登陆</a>
                    <a href="register.html">注册</a>
                </div>
                <div class="userTopInfo none" id="userTopInfo">
                    <a href="myIndent.html" class="inb">
                        <img id="topNavIcon" class="navUserIcon" src="images/person-icon.jpg" alt="">
                        <span class="userName font16 fcfff">小鱼儿</span>
                    </a>
                    <div class="showDropdownlist">
                        <i class="dropDownIcon"></i>
                        <div class="dropDownList">
                            <ul>
                                <!-- <li class="triangle">
                                    </li> -->
                                <a href="myIndent.html">
                                    <li>
                                        <img src="images/icon_user.png">我的订单</li>
                                </a>
                                <a href="infoEdit.html">
                                    <li>
                                        <img src="images/icon_setting.png">账户设置</li>
                                </a>
                                <a href="login.html" id="logout">
                                    <li>
                                        <img src="images/icon_exit.png">退出登陆</li>
                                </a>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <header>
        <div class="NavhotelInfo clearfix">
            <div class="infoLeft fl clearfix pr">
                <h2 class="inb hotelName"></h2>
                <div class="inb">
                    <ul id="rating" class="rating inb">
                        <li class="rating-item fl " title="很不好"></li>
                        <li class="rating-item fl " title="很好"></li>
                        <li class="rating-item fl " title="一般"></li>
                        <li class="rating-item fl" title="好"></li>
                        <li class="rating-item fl" title="很好"></li>
                    </ul>
                </div>
                <h3 class="inb address">碑林区友谊东路33号，西藏驻西安办事处家属院内</h3>
                <a id="showMap">-地图</a>
            </div>
            <div class=" infoMiddle fl">
                <span class="commonRate">4.9</span>
                <span class="f13">/5分</span>
                <p class="commentTimes">1156次点评</p>
            </div>
            <div class="infoRight fl">
                <span class="price">￥4888</span>
                <span>起 </span>
            </div>
            <div class="shareContainer fr pr">
                <div id="" class="shareByWechat ">微信</div>
                <div class="pa wechatShareContent none">
                    <p>使用微信扫一扫</p>
                    <img id="weChatShare" src="">
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="banner clearfix ">
            <div class="bannerLeft fl">
                <img class="hotelPic" data-index="1" src="images/hotel1.jpg" alt="">
            </div>
            <div class="bannerRight fr">
                <img class="hotelPic" data-index="2" src="images/hotel2.jpg" alt="">
                <img class="hotelPic" data-index="3" src="images/1518510071482.jpg" alt="">
                <img class="hotelPic" data-index="4" src="images/1518510074505.jpg" alt="">
                <img class="hotelPic" data-index="5" src="images/1518510074605.jpg" alt="">
            </div>
        </div>
        <div class="mainContent ">
            <ul class="selecter clearfix">
                <a href="#roomReservation" class="navItem active fl">
                    <li>房型预订</li>
                </a>
                <a href="#hotelMainInfo" class="navItem  fl">
                    <li>酒店信息</li>
                </a>
                <a href="#positionContainer" class="navItem  fl">
                    <li>交通位置</li>
                </a>
                <a href="#commonContainer" class="navItem  fl">
                    <li>用户评价</li>
                </a>
            </ul>
        </div>
        <div id="roomReservation" class="roomReservation">
            <div class="timeSelect">
                <span class="">入住</span>
                <div class="inputContainer inb pr">
                    <div class="pa dayDiv">
                        <span id="startDay"></span>
                    </div>
                    <input id="fromTime">
                </div>
                <span class="">退房</span>
                <div class="inputContainer inb pr">
                    <div class="pa dayDiv">
                        <span id="endDay"></span>
                    </div>
                    <input id="toTime">
                </div>
                <span class="totalTime"> - </span>

                <button id="search" class="search">查询</button>
            </div>
            <table class="reservation-info none">
                <caption class="none">房型预订</caption>
                <thead>
                    <tr>
                        <th>房型详情</th>
                        <th>床型</th>
                        <th>面积</th>
                        <th>上网方式</th>
                        <th>早餐</th>
                        <th>窗户</th>
                        <th>取消规则</th>
                        <th>房价</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody id="tbody">
                    <!-- <tr>
                        <td>豪华大床房</td>
                        <td>大床1.8米</td>
                        <td>45M²</td>
                        <td>WiFi</td>
                        <td>双早</td>
                        <td>有窗</td>
                        <td>免费取消</td>
                        <td><span class="totalPrice">¥788</span></td>
                        <td class="reservation"> <button class="reservte">预定</button></td>
                    </tr> -->
                </tbody>
            </table>
        </div>
        <div id="hotelMainInfo" class="hotelMainInfo">
            <h4>酒店介绍</h4>
            <ul class="basicinfo clearfix">
            </ul>
            <p class="detail">

            </p>
            <h4>酒店设施</h4>
            <div class="clearfix ">
                <span class="listIntroduction fl">综合设施</span>
                <ul class="integrated list fl">
                </ul>
            </div>
            <div class="clearfix">
                <span class="listIntroduction fl">客房设施</span>
                <ul class="room list fl">
                </ul>
            </div>
            <div class="clearfix">
                <span class="listIntroduction inb fl">服务项目</span>
                <ul class="service_items fl">
                </ul>
            </div>
            <div class="clearfix">
                <span class="listIntroduction inb fl">活动设施</span>
                <ul class="activity list fl">

                </ul>
            </div>
            <h4>酒店政策</h4>
            <div class="clearfix">
                <span class="listIntro inb">入店和离店</span>
                <h6 class="entry_time il"></h6>
                <h6 class="departure_time il"></h6>
            </div>
            <div class="clearfix">
                <span class="listIntro inb">儿童政策</span>
                <h6 class="child_policy il"></h6>
            </div>
            <div class="clearfix">
                <span class="listIntro inb">宠物</span>
                <h6 class="pet_policy il"></h6>
            </div>
        </div>
        <div id="positionContainer" class="positionContainer">
            <h3>
                交通位置
            </h3>
            <div id="mainMap" class="mainmap">

            </div>
        </div>
        <div id="commonContainer" class="commonContainer">
            <h3>
                用户评价
            </h3>
            <ul class="commonclassify db clearfix">
                <li class="commonClass fl active">全部</li>
                <li class="commonClass fl">好评</li>
                <li class="commonClass fl">差评</li>
                <li class="commonClass fl">有图</li>
            </ul>
            <ul class="commentSet">
                <!-- <li class="commentItem">
                    <div class="userInfo mr30 fl"><img src="images/33.jpg">
                        <p class="commentUser">小鱼儿与花无缺</p>
                    </div>
                    <div>
                        <ul class="rating-user inb">
                            <li class="rating-item fl " title="很不好"></li>
                            <li class="rating-item fl " title="很好"></li>
                            <li class="rating-item fl " title="一般"></li>
                            <li class="rating-item fl" title="好"></li>
                            <li class="rating-item fl" title="很好"></li>
                        </ul>
                        <span class="commentDate"> 2017-02-01</span>
                        <p class="commentContent">
                            酒店位置没得说，距离北大街地铁站2分钟，北大街是2条线路能换乘
                        </p>
                        <div class="imgContainer">
                            <img src="images/1518510079008.jpg" alt="">
                            <img src="images/1518510076994.jpg" alt="">
                        </div>
                    </div>
                </li> -->
            </ul>
            <div class="paging">
                <div class="lastPage disable">
                    <</div>
                        <ul class="pageArray"></ul>
                        <div class="nextPage">> </div>
                </div>
            </div>
    </main>
    <footer>
        <div class="copyright">
            <span>Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3</span>
        </div>
    </footer>
    <div class="modal fade none" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">提示</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>提示内容</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal 模态框-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.js"></script>
    <script src="http://api.map.baidu.com/api?v=3.0&ak=zCDofOMdwRBbZd3gmS95PAHXSvePiuAx"></script>
    <script src="js/laydate.js"></script>
    <script src="js/base.js"></script>
    <script src="js/common.js"></script>
    <script src="js/page-hotelDetail.js"></script>
</body>

</html>